<!--
 * @Author: mayating mayating@xinchan.com.cn
 * @Date: 2024-06-26 18:39:56
 * @LastEditors: mayating mayating@xinchan.com.cn
 * @LastEditTime: 2024-06-26 19:17:41
 * @FilePath: /wuniubi/src/views/home/HOME/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <section class="share section bd-container" id="share">
    <div class="share__container bd-grid">
      <div class="share__data">
        <h2 class="section-title-center">
          {{ $store.state.app.detail.sharedescription || '分享爱，庆祝无比的幸福' }} <br />
          <!-- You Can Give -->
        </h2>
        <p class="share__description">
          Sharing these weddings is the best gift you can give, give a present
          or share your love with the people you love the most and celebrate
          with great happiness.
        </p>
        <a href="#" class="button">婚礼日记</a>
      </div>

      <div class="share__img">
        <img src="@/assets/img/shared.png" alt="" />
      </div>
    </div>
  </section>
</template>

<script>
import scrollReveal from "scrollreveal";
export default {
  name: "Share-index",
  data() {
    return {
      scrollReveal: scrollReveal(),
    };
  },
  mounted() {
    this.scrollReveal.reveal(`.share__img, .send__content`, {
      origin: "left",
    });
    this.scrollReveal.reveal(`.share__data, .send__img`, {
      origin: "right",
    });
  },
};
</script>

<style lang="scss" scoped></style>
